import { Example, CommunityNote } from '../../components'
import { Link } from '@brillout/docpress'

<CommunityNote url="https://grommet.io" />

When using Grommet, which is based on [styled-components](https://styled-components.com), you need to collect the page's styles upon SSR:
- <a href="https://styled-components.com/docs/advanced#server-side-rendering">styled-components docs &gt; Server Side Rendering</a>
- <Link href="/css-in-js" doNotInferSectionTitle />

See also: <Link href="/styled-components" />.

Example:
 - <Example timestamp="2024.04" repo="AurelienLourot/vike-react-styled-components-grommet" />

## See also

- <Link href="/css-in-js" doNotInferSectionTitle />
- <Link href="/styled-components" />
